
@model List<Yozeev.Web.Portal.Models.Home.AdvantageViewModel>
<section id="services" class="u-bg-overlay g-bg-img-hero g-bg-black-opacity-0_6--after g-py-85" style="background-image: url(/imgs/banner/pexels-photo-1661004.jpeg);">
    <div class="container u-bg-overlay__inner g-width-760">
        <div class="text-center mx-auto u-heading-v2-2--bottom g-brd-primary g-mb-70">
            <h2 class="text-uppercase g-line-height-1_1 g-font-weight-700 g-font-size-26 g-color-white g-mb-15">
                对开发者友好
            </h2>
            <p class="g-color-white-opacity-0_8 mb-0">
                扩展在软件开发领域中扮演的角色越来越重要，
                一个对开发者友好的内容管理框架，
                能很大程度地提高团队开发效率
            </p>
        </div>
    </div>

    <div class="container u-bg-overlay__inner">
        <!-- Icon Blocks -->
        <div class="row">

            @{
                


                foreach (var item in Model)
                {

                    <div class="col-md-4 g-mb-80">
                        <!-- Icon Blocks -->
                        <div class="u-info-v2-2 h-100 g-color-white text-center">
                            <div class="u-info-v2-2__item h-100 g-brd-around g-brd-top-none g-brd-white-opacity-0_2 g-px-20 g-pb-30">
                                <span class="u-icon-v1 u-icon-size--2xl g-line-height-1 g-color-white g-pull-50x-up">
                                    <i class="@item.IconName g-font-size-50"></i>
                                </span>
                                <h3 class="h6 text-uppercase g-font-weight-700 g-color-white g-mt-minus-35 g-mb-15">
                                    @item.Title
                                </h3>
                                <p class="g-color-white-opacity-0_8 mb-0">
                                    @Html.Raw(item.Description)
                                </p>
                            </div>
                        </div>
                        <!-- End Icon Blocks -->
                    </div>
                }


            }

        </div>
        <!-- End Icon Blocks -->
    </div>
</section>